<template>
  <!-- 介绍组件 -->
  <el-row
    type="flex"
    class="main-color"
  >
    <el-col
      :span="20"
      :offset="2"
    >
      <div class="introduction-container">
        <el-row>
          <el-col :span="24">
            <h4 class="title-inner-main">
              <font style="vertical-align: inherit;">
                <font style="vertical-align: inherit;">团队合作的强大在线会议</font>
              </font>
            </h4>
            <p>
              <font style="vertical-align: inherit;">
                <font style="vertical-align: inherit;">通过桌面或云存储服务轻松共享内容，打动您的客户并提高团队合作效率。</font>
              </font>
            </p>
          </el-col>
        </el-row>
        <el-row>
          <div class="sec_flex_block">
            <div class="sec_flex-box">
              <div class="sec_flex_ico">
                <svg
                  width="62px"
                  height="51px"
                  viewBox="0 0 62 51"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
                  <title>Group 13</title>
                  <desc>Created with Sketch.</desc>
                  <g
                    id="Layouts"
                    stroke="none"
                    stroke-width="1"
                    fill="none"
                    fill-rule="evenodd"
                  >
                    <g
                      id="Affiliates-Meetings-LP-Update-(PCMag)"
                      transform="translate(-235.000000, -901.000000)"
                    >
                      <g
                        id="Group-13"
                        transform="translate(236.000000, 901.000000)"
                      >
                        <path
                          d="M47.9996571,49.9996621 L1.71394286,49.9996621 C0.767657143,49.9996621 -0.000342857143,49.2443862 -0.000342857143,48.3100069 L-0.000342857143,12.1733517 C-0.000342857143,11.2406621 0.767657143,10.4836966 1.71394286,10.4836966 L47.9996571,10.4836966 C48.9476571,10.4836966 49.7139429,11.2406621 49.7139429,12.1733517 L49.7139429,48.3100069 C49.7139429,49.2443862 48.9476571,49.9996621 47.9996571,49.9996621 Z"
                          id="Stroke-1"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        />
                        <path
                          d="M-0.000342857143,20.0000034 L49.7139429,20.0000034"
                          id="Stroke-3"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        />
                        <path
                          d="M58.2687429,40.5151207 C59.2150286,40.5151207 59.9830286,39.7598448 59.9830286,38.8254655 L59.9830286,2.68881034 C59.9830286,1.75612069 59.2150286,0.999155172 58.2687429,0.999155172 L9.73388571,0.999155172 C8.78588571,0.999155172 8.0196,1.75612069 8.0196,2.68881034"
                          id="Stroke-5"
                          stroke="#828384"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        />
                        <path
                          d="M8.01874286,15.2263897 C8.01874286,16.0999414 7.30045714,16.8062172 6.41417143,16.8062172 C5.5296,16.8062172 4.81131429,16.0999414 4.81131429,15.2263897 C4.81131429,14.3511483 5.5296,13.6448724 6.41417143,13.6448724 C7.30045714,13.6448724 8.01874286,14.3511483 8.01874286,15.2263897"
                          id="Fill-7"
                          fill="#55B0DA"
                        />
                        <path
                          d="M12.8300571,15.2263897 C12.8300571,16.0999414 12.1117714,16.8062172 11.2254857,16.8062172 C10.3409143,16.8062172 9.62262857,16.0999414 9.62262857,15.2263897 C9.62262857,14.3511483 10.3409143,13.6448724 11.2254857,13.6448724 C12.1117714,13.6448724 12.8300571,14.3511483 12.8300571,15.2263897"
                          id="Fill-9"
                          fill="#55B0DA"
                        />
                        <path
                          d="M17.6398286,15.2263897 C17.6398286,16.0999414 16.9232571,16.8062172 16.0369714,16.8062172 C15.1506857,16.8062172 14.4341143,16.0999414 14.4341143,15.2263897 C14.4341143,14.3511483 15.1506857,13.6448724 16.0369714,13.6448724 C16.9232571,13.6448724 17.6398286,14.3511483 17.6398286,15.2263897"
                          id="Fill-11"
                          fill="#55B0DA"
                        />
                      </g>
                    </g>
                  </g>
                </svg>
              </div>
              <div class="sec_flex-desc">
                <div class="sec_flex_title">
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">提供会议背景</font>
                  </font>
                </div>
                <p>
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">与世界各地的团队共享您的桌面，演示文稿和文件。</font>
                    <font style="vertical-align: inherit;">在线会议期间随时可以访问存储在Google云端硬盘，Box和Dropbox中的内容。</font>
                  </font>
                </p>
              </div>
            </div>
            <div class="sec_flex-box">
              <div class="sec_flex_ico">
                <svg
                  width="68px"
                  height="42px"
                  viewBox="0 0 68 42"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
                  <title>Group 5</title>
                  <desc>Created with Sketch.</desc>
                  <g
                    id="Layouts"
                    stroke="none"
                    stroke-width="1"
                    fill="none"
                    fill-rule="evenodd"
                    stroke-linejoin="round"
                  >
                    <g
                      id="Affiliates-Meetings-LP-Update-(PCMag)"
                      transform="translate(-772.000000, -894.000000)"
                      stroke-width="2"
                    >
                      <g
                        id="Group-5"
                        transform="translate(774.000000, 896.000000)"
                      >
                        <path
                          d="M37.1977538,38.0563696 L6.23021538,38.0563696 C2.50271895,38.0563696 -0.518553846,35.0291259 -0.518553846,31.2962391 L-0.518553846,6.24297826 C-0.518553846,2.51032405 2.50248728,-0.515456522 6.23021538,-0.515456522 L37.1977538,-0.515456522 C40.9254819,-0.515456522 43.9465231,2.51032405 43.9465231,6.24297826 L43.9465231,31.2962391 C43.9465231,35.0291259 40.9252503,38.0563696 37.1977538,38.0563696 Z"
                          id="Stroke-1"
                          stroke="#828384"
                        />
                        <path
                          d="M61.538941,2.99002326 C62.792892,2.1296834 64.5036615,3.02588705 64.5036615,4.55648261 L64.5036615,32.9823957 C64.5036615,34.5246474 62.7663595,35.4233465 61.5617956,34.5647227 L50.4899692,27.6973582 L50.4899692,9.84144438 L61.538941,2.99002326 Z"
                          id="Stroke-3"
                          stroke="#828384"
                        />
                        <g
                          id="Group-9"
                          transform="translate(9.153846, 12.565217)"
                          stroke="#55B0DA"
                          stroke-linecap="round"
                        >
                          <path
                            d="M19.9740308,13.1688417 L15.7143385,13.1688417 L15.7143385,-0.000271304343 L19.9740308,-0.000271304343 C23.2737231,-0.000271304343 25.9481846,2.94880696 25.9481846,6.58428522 C25.9481846,10.22112 23.2737231,13.1688417 19.9740308,13.1688417 Z"
                            id="Stroke-1"
                          />
                          <path
                            d="M1.23126154,6.58496348 L9.84664615,6.58496348"
                            id="Stroke-3"
                          />
                          <path
                            d="M1.23126154,13.1688417 L1.23126154,-0.000271304343"
                            id="Stroke-5"
                          />
                          <path
                            d="M9.84664615,13.1688417 L9.84664615,-0.000271304343"
                            id="Stroke-7"
                          />
                        </g>
                      </g>
                    </g>
                  </g>
                </svg>
              </div>
              <div class="sec_flex-desc">
                <div class="sec_flex_title">
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">高性能负载</font>
                  </font>
                </div>
                <p>
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">最多可容纳100人参加高清视频会议。</font>
                    <font style="vertical-align: inherit;">每个用户都有自己的许可证和登录名，这使每个人都可以轻松召开会议。</font>
                  </font>
                </p>
              </div>
            </div>
            <div class="sec_flex-box">
              <div class="sec_flex_ico">
                <svg
                  width="73px"
                  height="54px"
                  viewBox="0 0 73 54"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
                  <title>Group 13</title>
                  <desc>Created with Sketch.</desc>
                  <g
                    id="Layouts"
                    stroke="none"
                    stroke-width="1"
                    fill="none"
                    fill-rule="evenodd"
                    stroke-linejoin="round"
                  >
                    <g
                      id="Affiliates-Meetings-LP-Update-(PCMag)"
                      transform="translate(-226.000000, -1166.000000)"
                      stroke-width="2"
                    >
                      <g
                        id="Group-13"
                        transform="translate(227.000000, 1166.000000)"
                      >
                        <path
                          d="M43.8681,46.6352 L2.5001,46.6352 C1.1191,46.6352 0.0001,45.5162 0.0001,44.1352 L0.0001,3.4992 C0.0001,2.1192 1.1191,0.9992 2.5001,0.9992 L57.1241,0.9992 C58.5051,0.9992 59.6241,2.1192 59.6241,3.4992 L59.6241,11.9122"
                          id="Stroke-1"
                          stroke="#828384"
                        />
                        <path
                          d="M0,37.2397 L43.868,37.2397"
                          id="Stroke-3"
                          stroke="#828384"
                        />
                        <path
                          d="M17.706,52.6762 L41.918,52.6762"
                          id="Stroke-5"
                          stroke="#828384"
                        />
                        <path
                          d="M67.4306,52.8481 L51.8176,52.8481 C50.1956,52.8481 48.8676,51.5211 48.8676,49.8991 L48.8676,19.8621 C48.8676,18.2401 50.1956,16.9121 51.8176,16.9121 L67.4306,16.9121 C69.0526,16.9121 70.3796,18.2401 70.3796,19.8621 L70.3796,49.8991 C70.3796,51.5211 69.0526,52.8481 67.4306,52.8481 Z"
                          id="Stroke-7"
                          stroke="#55B0DA"
                          stroke-linecap="round"
                        />
                        <path
                          d="M48.8681,46.5688 L70.3801,46.5688"
                          id="Stroke-9"
                          stroke="#55B0DA"
                          stroke-linecap="round"
                        />
                        <path
                          d="M58.1943,21.146 L61.0533,21.146"
                          id="Stroke-11"
                          stroke="#55B0DA"
                          stroke-linecap="round"
                        />
                      </g>
                    </g>
                  </g>
                </svg>
              </div>
              <div class="sec_flex-desc">
                <div class="sec_flex_title">
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">随时随地使用任何设备</font>
                  </font>
                </div>
                <p>
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">RingCentral Meetings™可在计算机，笔记本电脑以及iOS和Android智能设备上运行，因此主持人和与会人员可以随时随地进行连接。</font>
                  </font>
                </p>
              </div>
            </div>
            <div class="sec_flex-box">
              <div class="sec_flex_ico">
                <svg
                  width="57px"
                  height="60px"
                  viewBox="0 0 57 60"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com -->
                  <title>Group 19</title>
                  <desc>Created with Sketch.</desc>
                  <defs>
                    <polygon
                      id="path-1"
                      points="0 59.6743 56.023 59.6743 56.023 0.0003 0 0.0003"
                    />
                  </defs>
                  <g
                    id="Layouts"
                    stroke="none"
                    stroke-width="1"
                    fill="none"
                    fill-rule="evenodd"
                  >
                    <g
                      id="Affiliates-Meetings-LP-Update-(PCMag)"
                      transform="translate(-774.000000, -1166.000000)"
                    >
                      <g
                        id="Group-19"
                        transform="translate(774.000000, 1166.000000)"
                      >
                        <path
                          d="M22.3018,5.4288 L51.8398,5.4288 C53.5978,5.4288 55.0238,6.8538 55.0238,8.6118 L55.0238,52.4438 C55.0238,54.2008 53.5978,55.6258 51.8398,55.6258 L22.3018,55.6258"
                          id="Stroke-1"
                          stroke="#828384"
                          stroke-width="2"
                          stroke-linejoin="round"
                        />
                        <path
                          d="M14.8399,58.6739 L4.1829,58.6739 C2.4249,58.6739 0.9999,57.2489 0.9999,55.4909 L0.9999,4.1829 C0.9999,2.4249 2.4249,0.9999 4.1829,0.9999 L14.8399,0.9999 C16.5979,0.9999 18.0239,2.4249 18.0239,4.1829 L18.0239,55.4909 C18.0239,57.2489 16.5979,58.6739 14.8399,58.6739 Z"
                          id="Stroke-3"
                          stroke="#828384"
                          stroke-width="2"
                          stroke-linejoin="round"
                        />
                        <mask
                          id="mask-2"
                          fill="white"
                        >
                          <use xlink:href="#path-1" />
                        </mask>
                        <g id="Clip-6" />
                        <polygon
                          id="Stroke-5"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask="url(#mask-2)"
                          points="25.093 25.4653 48.256 25.4653 48.256 12.5793 25.093 12.5793"
                        />
                        <path
                          d="M42.8214,46.2306 L44.6544,46.2306"
                          id="Stroke-7"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M35.8214,46.2306 L37.6544,46.2306"
                          id="Stroke-8"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M28.8214,46.2306 L30.6544,46.2306"
                          id="Stroke-9"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M42.8214,41.2306 L44.6544,41.2306"
                          id="Stroke-10"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M35.8214,41.2306 L37.6544,41.2306"
                          id="Stroke-11"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M28.8214,41.2306 L30.6544,41.2306"
                          id="Stroke-12"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M42.8214,36.2306 L44.6544,36.2306"
                          id="Stroke-13"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M35.8214,36.2306 L37.6544,36.2306"
                          id="Stroke-14"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M28.8214,36.2306 L30.6544,36.2306"
                          id="Stroke-15"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M42.8214,31.2306 L44.6544,31.2306"
                          id="Stroke-16"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M35.8214,31.2306 L37.6544,31.2306"
                          id="Stroke-17"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                        <path
                          d="M28.8214,31.2306 L30.6544,31.2306"
                          id="Stroke-18"
                          stroke="#55B0DA"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                          mask
                        />
                      </g>
                    </g>
                  </g>
                </svg>
              </div>
              <div class="sec_flex-desc">
                <div class="sec_flex_title">
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">会议室附件</font>
                  </font>
                </div>
                <p>
                  <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">使用现成的设备和直观的RingCentral Meetings软件界面，将您的旧式硬件视频会议设备替换为RingCentral Rooms™。</font>
                    <font style="vertical-align: inherit;">如果您想继续使用现有的会议室设备，或添加RingCentral Room Connector™。</font>
                  </font>
                </p>
              </div>
            </div>
          </div>
        </el-row>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: 'introduction'
}
</script>

<style scoped>
.main-color {
  background: #f8f8f8;
}

.introduction-container {
  min-width: 1010px;
  width: 1010px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.title-inner-main {
  font-size: 36px;
  color: #2f2f2f;
  border-bottom: none;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  text-align: center;
}

.title-inner-main + p {
  font-size: 18px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  color: #2f2f2f;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 35px;
}

.section-full * {
  box-sizing: border-box;
}

.sec_flex_ico {
  width: 80px;
}

.sec_flex-desc {
  width: calc(100% - 110px);
}
/* .sec_flex_title {
  } */

.sec_flex_block .sec_flex-box {
  text-align: left;
  width: calc(47% - 15px);
  margin: 15px 0;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px 15px;
  background-color: #fff;
}

.sec_flex_block {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
</style>
